page {
    background: #fff;
}

.title-price {
    height: 320rpx;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;

    >view:nth-of-type(1) {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 120rpx;
        padding: 0 48rpx;
        box-sizing: border-box;

        >view:nth-of-type(1) {
            flex: 1;
            font-size: 56rpx;
            color: #333;
            font-weight: bold;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        >view:nth-of-type(2) {
            display: flex;
            align-items: center;
            height: 120rpx;

            >view {
                color: #00c693;
                font-size: 40rpx;
                margin-right: 20rpx;
                font-weight: bold;
            }

            >image {
                width: 36rpx;
                height: 30rpx;
            }
        }
    }

    .address-edu-time {
        width: 100%;
        height: 60rpx;
        display: flex;

        >view:nth-of-type(1) {
            width: auto;
            height: 60rpx;
            display: flex;
            margin-right: 40rpx;
            align-items: center;
            padding-left: 50rpx;

            >image {
                width: 20rpx;
                height: 30rpx;
                margin-right: 10rpx;
            }

            >view {
                font-size: 28rpx;
                color: #333;
            }
        }

        >view:nth-of-type(2) {
            width: auto;
            height: 60rpx;
            display: flex;
            margin-right: 40rpx;
            align-items: center;
        }
    }
}


.title-price .address-edu-time>view:nth-of-type(2)>image {
    width: 36rpx;
    height: 26rpx;
    margin-right: 10rpx;
}

.title-price .address-edu-time>view:nth-of-type(2)>view {
    font-size: 28rpx;
    color: #333;
}

.title-price .address-edu-time>view:nth-of-type(3) {
    width: auto;
    height: 60rpx;
    display: flex;
    align-items: center;
}

.title-price .address-edu-time>view:nth-of-type(3)>image {
    width: 30rpx;
    height: 26rpx;
    margin-right: 10rpx;
}

.title-price .address-edu-time>view:nth-of-type(3)>view {
    font-size: 28rpx;
    color: #333;
}

.title-price .similar {
    height: 140rpx;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title-price .similar>view:nth-of-type(1) {
    height: 2rpx;
    width: 90%;
    background-color: #ebebeb;
}

.title-price .similar>view:nth-of-type(2) {
    height: 90rpx;
    width: 90%;
    display: flex;
    align-items: center;
    position: relative;
}

.title-price .similar>view:nth-of-type(2)>view {
    color: #333;
    font-size: 28rpx;
}

.title-price .similar>view:nth-of-type(2)>image {
    width: 14rpx;
    height: 24rpx;
    position: absolute;
    right: 0;
}

.title-price .similar>view:nth-of-type(3) {
    height: 2rpx;
    width: 90%;
    background-color: #ebebeb;
}







.jobdetail {
    height: 60rpx;
    display: flex;
    align-items: center;
    padding-left: 40rpx;
}

.majorgift {
    height: 120rpx;
    display: flex;
    align-items: center;
    padding-left: 40rpx;
}

.majorgift>view:nth-of-type(1) {
    width: 4rpx;
    height: 34rpx;
    background-color: #00c693;
}

.majorgift>view:nth-of-type(2) {
    font-size: 34rpx;
    color: #333;
    margin-left: 10rpx;
    font-weight: bold;
}

.jobdetail>view:nth-of-type(1) {
    width: 4rpx;
    height: 34rpx;
    background-color: #00c693;
}

.jobdetail>view:nth-of-type(2) {
    font-size: 34rpx;
    color: #333;
    margin-left: 10rpx;

}

.jobdesc {
    display: block;
    padding: 20rpx 50rpx 50rpx 50rpx;
    font-size: 30rpx;
    color: #333;
}

.tranline {
    margin: 0 48rpx;
    height: 2rpx;
    background-color: #ebebeb;

}


.majoritem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50rpx;
    box-sizing: border-box;
    padding: 0 48rpx;

    >view {
        margin-right: 20rpx;
        margin-bottom: 10rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50rpx;
        padding: 0 26rpx;
        font-size: 24rpx;
        color: #333333;
        border-radius: 10rpx;
        border: solid 2rpx #ebebeb;
    }

}

.comgift {
    height: 120rpx;
    display: flex;
    align-items: center;
    padding-left: 40rpx;

    >view:nth-of-type(1) {
        width: 4rpx;
        height: 34rpx;
        background-color: #00c693;
    }

    >view:nth-of-type(2) {
        font-size: 34rpx;
        color: #333;
        margin-left: 10rpx;
        font-weight: bold;
    }
}

.cominfo {
    width: 100%;
    height: 190rpx;
    padding: 0 48rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;

    >image:nth-of-type(1) {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50%;
    }

    >view {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-left: 30rpx;

        >view:nth-of-type(1) {
            color: #333333;
            font-size: 34rpx;
            font-weight: bold;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        >view:nth-of-type(2) {
            color: #333333;
            font-size: 30rpx;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
    }

    >image:nth-of-type(2) {
        width: 12rpx;
        height: 22rpx;
    }
}

.btm {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 140rpx;
    padding: 0 30rpx;
    display: flex;
    align-items: center;
    background: #fff;

    >view:nth-of-type(1) {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;

        image {
            width: 35rpx;
            height: 35rpx;
        }

        view {
            padding-top: 4rpx;
            font-size: 24rpx;
            color: #333333;
        }
    }

    button {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #fff;
        margin: 0;
        padding: 0;
        line-height: normal;

        image {
            width: 36rpx;
            height: 36rpx;
        }

        view {
            font-size: 24rpx;
            color: #333333;
        }
    }

    button::after {
        border: none;
    }

    >view:nth-of-type(2) {
        margin-left: 20rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 460rpx;
        height: 80rpx;
        background-color: #00c693;
        border-radius: 10rpx;
        font-size: 30rpx;
        color: #ffffff;
    }

    .yet {
        background-color: #1e8c64 !important;
        color: #fff;
    }
}